<template>
	<view>
		<block v-if="zhuan.is_rank == '1'">
			<navigator class="count_rank" :url="'/wxz_wzbagent/pages/count_rank/index?special_id=' + zhuan.special_id"
				style="display: block; position: fixed; top: 70%; right: 0; z-index: 100">
				<image class="count_rank_img" src="/static/wxz_wzbagent/resource/images/count_rank.jpg"
					style="width: 100rpx; height: 100rpx"></image>
			</navigator>
		</block>

		<view v-if="wxapp_id != zhuan.wxapp_id && zhuan.last_qrcode_img" @tap="jumpNew"
			style="position: fixed; background: #000; opacity: 0.7; width: 100%; height: 100%; top: 0; left: 0; z-index: 999">
		</view>
		<popupwindow v-if="wxapp_id != zhuan.wxapp_id && zhuan.last_qrcode_img" showClose="0" visible="1"
			:contentImage="zhuan.last_qrcode_img" contentHeight="350" :outClickCanClose="false"></popupwindow>

		<view v-if="kp_time" class="kp_div" :style="'width:' + winWid + 'px;height:' + winHei + 'px;'">
			<view class="tiao" @tap="tiaoguo">{{ kp_time }}s 跳过</view>
			<image class="kpImg" :src="zhuan.kp_img" :style="'width:' + winWid + 'px;height:' + winHei + 'px;'"></image>
		</view>
		<view v-else>
			<view class="carousel" v-if="lunbo.length > 0">
				<swiper class="carousel_swiper" :indicator-dots="true" indicator-color="#f4f4f4"
					indicator-active-color="#4eb8b8" :autoplay="true" interval="3000" :circular="true">
					<block v-for="(item, index) in lunbo" :key="item.key">
						<swiper-item>
							<image class="carouselImg" :src="item.img_url" mode="aspectFill"></image>
						</swiper-item>
					</block>
				</swiper>
			</view>
			<view class="video page-section" v-if="zhuan.video">
				<video :src="zhuan.video"></video>
				<view class="po_view" v-if="zhuan.num_show == 1">
					<image class="k_num" src="/static/wxz_wzbagent/resource/images/photo/icon17_1.png"></image>
					<view class="text">{{ zhuan.viewer_count }}</view>
				</view>
			</view>

			<view class="cont" :style="tmp_color ? 'background:' + tmp_color + ';' : 'background:#fff;'"
				v-if="zhuan.show_title !== '0'">
				<view style="width: 20%; float: left">
					<image :src="zhuan.special_img"
						style="width: 100rpx; height: 100rpx; border-radius: 100rpx; margin-top: 30rpx; margin-left: 30rpx">
					</image>
				</view>
				<view style="float: left; width: 76%; padding: 24rpx 0">
					<p class="special_name" :style="font_color ? 'color:' + font_color : 'color:#000;'">
						{{ zhuan.special_name }}</p>
					<p id="desc" :class="'desc ' + (xiang_status ? 'guan' : 'kai')"
						:style="tmp_color ? 'color:#fff;' : 'color:#000;'">{{ zhuan.special_des }}</p>
					<view class="xiang_btn" v-if="xiang_status"
						:style="font_color ? 'color:' + font_color : 'color:#C8AF82;'" @tap="xiang_btn">详情 ></view>
					<view @tap="guan" id="chacha" :style="'display:' + (xiang_status ? 'none' : 'block') + ';'"></view>
				</view>
				<view style="clear: both"></view>
			</view>

			<view class="serch_div" v-if="zhuan.show_search !== '0'">
				<input :style="tmp_color ? 'border: 4rpx solid ' + tmp_color + ';' : 'border: 4rpx solid #C8AF82;'"
					@blur="bindInput" name="search" data-required="1" placeholder="请输入您要搜索的直播标题" type="text"
					:value="search" />
				<view id="search" @tap="searchFun"
					:style="tmp_color ? 'background-color: ' + tmp_color + ';' : 'background:#C8AF82;'">
					<view class="ex-search">
						<image src="/static/wxz_wzbagent/resource/images/sou.png"></image>
					</view>
				</view>
			</view>

			<view class="page-tab" :style="showAllCate ? 'flex-wrap: wrap;' : ''">
				<view id="show-all" @tap="showAll" v-if="twoCate.length > 5"
					:style="tmp_color ? 'background-color: ' + tmp_color + ';' : ''">
					<text :style="font_color ? 'color:' + font_color : ''">{{ showAllCate == 1 ? '收起' : '更多' }}</text>
				</view>
				<view @tap="bindtab" data-type="default" :class="'page-tab-item ' + (tab == 0 ? 'selected' : '')"
					:style="tmp_color && tab == 0 ? 'background-color: ' + tmp_color + ';border: 0;color:#fff;' : 'background: #fff!important;'"
					data-id="0" data-index="0" v-if="zhuan.content_name">
					<view class="page-tab-type">
						<text :style="font_color ? 'color:' + font_color : ''">{{ zhuan.content_name }}</text>
					</view>
				</view>
				<view @tap="bindtab" :data-type="item.typename"
					:class="'page-tab-item ' + (tab == item.special_id ? 'selected' : '')"
					:style="tmp_color && tab == item.special_id ? 'background-color: ' + tmp_color + ';border: 0;color:#fff;' : 'background: #fff!important;'"
					:data-id="item.special_id" :data-index="index" v-for="(item, index) in twoCate" :key="index">
					<view class="page-tab-type">
						<text :style="font_color ? 'color:' + font_color : ''">{{ item.special_name }}</text>
					</view>
				</view>
			</view>

			<view style="width: 100%; background: #fff">
				<block v-if="tabtype == 'enroll'">
					<view :class="'page-enroll ' + themes" :style="'background-color:' + color_two + ';'">
						<!-- parse <template is="enroll" :data="live:live,enroll_status:enroll_status,enroll_fields:enroll_fields,images:apply_param_images,apply_param_images_other:apply_param_images_other,video_url:apply_param_video_url,video_other_url:apply_param_video_other_url,video_other2_url:apply_param_video_other2_url,music_url:apply_param_music_url,bao_group:bao_group,apply_param_bao_group:apply_param_bao_group,isShow:isShow,apply_param_groups:apply_param_groups,isShowGroups:isShowGroups,enroll_content,color_status,color_one,color_two,color_three,multiIndex:multiIndex"></template> -->
						<block name="enroll">
							<view class="apply_container" v-if="enroll_status == 0"
								:style="live.enroll_height != 0 && live.enroll_height != null ? 'height:' + live.enroll_height + 'rpx;' : ''">
								<block v-if="item.show == 1" v-for="(item, index) in enroll_fields" :key="index">
									<view class="apply_row apply_images_row" v-if="item.name == 'images'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name image">
											<view class="apply_images_text" :style="'color:' + color_one + ';'">
												{{ item.value }}</view>
											<view class="apply_images_tips" :style="'color:' + color_one + ';'">
												{{ item.placeholder }}</view>
										</view>
										<view class="apply_value apply_images_value">
											<image class="apply_images fl m_r" mode="aspectFit" :src="item"
												v-for="(item, index1) in apply_param_images" :key="index1">
												<text @tap="applyRemoveImg" class="iconfont icon-shanchu remove_img"
													:data-id="index"></text>
											</image>
											<view @tap="applyUploadImg"
												:class="'apply_add bg_gray fl t_c h6 t_gray9 ' + apply_param_images.length"
												v-if="apply_param_images.length < 5">
												<text class="iconfont icon-jiahao1"></text>
												<view class="apply_add_txt">添加照片</view>
											</view>
										</view>
									</view>

									<view class="apply_row apply_images_row" v-else-if="item.name == 'images_other'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name image">
											<view class="apply_images_text" :style="'color:' + color_one + ';'">
												{{ item.value }}</view>
											<view class="apply_images_tips" :style="'color:' + color_one + ';'">
												{{ item.placeholder }}</view>
										</view>
										<view class="apply_value apply_images_value">
											<image class="apply_images fl m_r" mode="aspectFit" :src="item"
												v-for="(item, index1) in apply_param_images_other" :key="index1">
												<text @tap="applyRemoveImgOther"
													class="iconfont icon-shanchu remove_img" :data-id="index"></text>
											</image>
											<view @tap="applyUploadImgOther"
												:class="'apply_add bg_gray fl t_c h6 t_gray9 ' + apply_param_images_other.length"
												v-if="apply_param_images_other.length < 5">
												<text class="iconfont icon-jiahao1"></text>
												<view class="apply_add_txt">添加照片</view>
											</view>
										</view>
									</view>

									<view class="apply_row apply_images_row" v-else-if="item.name == 'images_other2'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name image">
											<view class="apply_images_text" :style="'color:' + color_one + ';'">
												{{ item.value }}</view>
											<view class="apply_images_tips" :style="'color:' + color_one + ';'">
												{{ item.placeholder }}</view>
										</view>
										<view class="apply_value apply_images_value">
											<image class="apply_images fl m_r" mode="aspectFit" :src="item"
												v-for="(item, index1) in apply_param_images_other2" :key="index1">
												<text @tap="applyRemoveImgOther2"
													class="iconfont icon-shanchu remove_img" :data-id="index"></text>
											</image>
											<view @tap="applyUploadImgOther2"
												:class="'apply_add bg_gray fl t_c h6 t_gray9 ' + apply_param_images_other2.length"
												v-if="apply_param_images_other2.length < 5">
												<text class="iconfont icon-jiahao1"></text>
												<view class="apply_add_txt">添加照片</view>
											</view>
										</view>
									</view>

									<view class="apply_row apply_images_row" v-else-if="item.name == 'video'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name video">
											<view class="apply_images_text" :style="'color:' + color_one + ';'">
												{{ item.value }}</view>
											<view class="apply_images_tips" :style="'color:' + color_one + ';'">
												{{ item.placeholder }}</view>
										</view>
										<view class="apply_value apply_cover_value">
											<video class="apply_cover fl m_r"
												v-if="!(apply_param_video_url == '' ? true : false)"
												:src="apply_param_video_url"></video>
											<cover-image @tap="applyRemoveVideo" class="remove_img active"
												v-if="!(apply_param_video_url == '' ? true : false)"
												src="/static/wxz_wzbagent/resource/images/shanchu.png"></cover-image>
											<view @tap="applyUploadVideo" class="apply_add apply_cover_add"
												v-if="!(apply_param_video_url == '' ? false : true)">
												<text class="iconfont icon-jiahao1"
													:style="'color:' + themeColor.vs.iamge.add_icon + ';'"></text>
												<view class="apply_add_txt">添加视频</view>
											</view>
										</view>
									</view>

									<view class="apply_row apply_images_row" v-else-if="item.name == 'video_other'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name video">
											<view class="apply_images_text" :style="'color:' + color_one + ';'">
												{{ item.value }}</view>
											<view class="apply_images_tips" :style="'color:' + color_one + ';'">
												{{ item.placeholder }}</view>
										</view>
										<view class="apply_value apply_cover_value">
											<video class="apply_cover fl m_r"
												v-if="!(apply_param_video_other_url == '' ? true : false)"
												:src="apply_param_video_other_url"></video>
											<cover-image @tap="applyRemoveVideoOther" class="remove_img active"
												v-if="!(apply_param_video_other_url == '' ? true : false)"
												src="/static/wxz_wzbagent/resource/images/shanchu.png"></cover-image>
											<view @tap="applyUploadVideoOther" class="apply_add apply_cover_add"
												v-if="!(apply_param_video_other_url == '' ? false : true)">
												<text class="iconfont icon-jiahao1"
													:style="'color:' + themeColor.vs.iamge.add_icon + ';'"></text>
												<view class="apply_add_txt">添加视频</view>
											</view>
										</view>
									</view>

									<view class="apply_row apply_images_row" v-else-if="item.name == 'video_other2'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name video">
											<view class="apply_images_text" :style="'color:' + color_one + ';'">
												{{ item.value }}</view>
											<view class="apply_images_tips" :style="'color:' + color_one + ';'">
												{{ item.placeholder }}</view>
										</view>
										<view class="apply_value apply_cover_value">
											<video class="apply_cover fl m_r"
												v-if="!(apply_param_video_other2_url == '' ? true : false)"
												:src="apply_param_video_other2_url"></video>
											<cover-image @tap="applyRemoveVideoOther2" class="remove_img active"
												v-if="!(apply_param_video_other2_url == '' ? true : false)"
												src="/static/wxz_wzbagent/resource/images/shanchu.png"></cover-image>
											<view @tap="applyUploadVideoOther2" class="apply_add apply_cover_add"
												v-if="!(apply_param_video_other2_url == '' ? false : true)">
												<text class="iconfont icon-jiahao1"
													:style="'color:' + themeColor.vs.iamge.add_icon + ';'"></text>
												<view class="apply_add_txt">添加视频</view>
											</view>
										</view>
									</view>

									<view class="apply_row b_all" v-else-if="item.name == 'bao_group'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name fl" :style="'color:' + color_one + ';'">{{ item.value }}
										</view>
										<view class="select-current" @tap.stop.prevent="openClose">
											<text class="current-name"
												:style="'color:' + color_one + ';'">{{ apply_param_bao_group ? apply_param_bao_group : '请选择' }}</text>
										</view>
										<view class="option-list" v-if="isShow">
											<text class="option" :style="'color:' + color_one + ';'"
												@tap.stop.prevent="optionTap" :data-id="item.id" :data-name="item.name"
												v-for="(item, index1) in bao_group" :key="index1">
												{{ item.name }}
											</text>
										</view>
									</view>

									<view class="apply_row b_all" v-else-if="item.name == 'linkage_groups'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name fl" :style="'color:' + color_one + ';'">{{ item.value }}
										</view>
										<view class="select-current" @tap.stop.prevent="openCloseGroups">
											<picker mode="multiSelector" @change="bindMultiPickerChange"
												@columnchange="bindMultiPickerColumnChange" :value="multiIndex"
												:range="item.temp" :data-datas="item.datas" :data-temp="item.temp"
												:data-index="index">
												<view class="picker" :style="'color:' + color_one + ';'">
													<text class="current-name" :style="'color:' + color_one + ';'">
														{{ multiIndex[0] || multiIndex[0] == '0' ? item.temp[0][multiIndex[0]] + ',' + item.temp[1][multiIndex[1]] : '请选择' }}
													</text>
												</view>
											</picker>
										</view>
									</view>

									<view class="apply_row b_all" v-else-if="item.name == 'groups'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name fl" :style="'color:' + color_one + ';'">{{ item.value }}
										</view>
										<view class="select-current" @tap.stop.prevent="openCloseGroups">
											<picker @change="bindPickerChange" :value="groupIndex" :range="item.select"
												:data-range="item.select">
												<view class="picker" :style="'color:' + color_one + ';'">
													<text class="current-name" :style="'color:' + color_one + ';'">
														{{ item.select[groupIndex] }}{{ apply_param_groups ? apply_param_groups : '请选择' }}
													</text>
												</view>
											</picker>

											<!-- <text class="current-name" style="color:{{color_one}};">{{apply_param_groups ? apply_param_groups : '请选择'}}</text> -->
										</view>
										<!-- <view class="option-list" wx:if="{{isShowGroups}}">
                    <text class="option" style="color:{{color_one}};" catchtap="optionTapGroups" wx:for="{{item.select}}" wx:key="idx" wx:for-item="select" data-id="{{idx}}" data-name="{{select}}">{{select}}</text>
                </view> -->
									</view>

									<view class="apply_row b_all" v-else-if="item.name == 'region'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name fl" :style="'color:' + color_one + ';'">{{ item.value }}
										</view>
										<view class="select-current" @tap.stop.prevent="openCloseGroups">
											<region-picker
												@change="commonChange($event, { name: 'apply_param_region' })"
												data-name="apply_param_region" :value="apply_param_region"
												:custom-item="customItem">
												<view class="picker" :style="'color:' + color_one + ';'">
													{{ apply_param_region[0] }}，{{ apply_param_region[1] }}，{{ apply_param_region[2] }}
												</view>
											</region-picker>
										</view>
									</view>

									<view class="apply_row apply_images_row" v-else-if="item.name == 'form_radio'">
										<text class="apply_check" style="margin-top: 10px"
											v-if="item.require == 1">*</text>
										<view class="apply_name fl" :style="'color:' + color_one + ';'">{{ item.value }}
										</view>
										<view class="apply_value apply_cover_value">
											<radio-group @change="commonChange" data-name="apply_param_form_radio">
												<label style="padding: 5px 10px" class="weui-cell weui-check__label"
													v-for="(select, index1) in item.placeholder" :key="select.idx">
													<view class="weui-cell__hd">
														<radio :value="select" :checked="form_radio.checked" />
													</view>

													<view class="weui-cell__bd"
														:style="'color:' + (color_one ? color_one : '#C8AF82') + ';'">
														{{ select }}</view>
												</label>
											</radio-group>
										</view>
									</view>

									<view class="apply_row apply_images_row" v-else-if="item.name == 'pay'">
										<text class="apply_check" style="margin-top: 10px"
											v-if="item.require == 1">*</text>
										<view class="apply_name fl" :style="'color:' + color_one + ';'">{{ item.value }}
										</view>
										<view class="apply_value apply_cover_value">
											<radio-group @change="commonChange" data-name="apply_param_pay">
												<label style="padding: 5px 10px" class="weui-cell weui-check__label"
													v-for="(select, index1) in item.placeholder" :key="select.idx">
													<view class="weui-cell__hd">
														<radio :value="select" :checked="pay.checked" />
													</view>

													<view class="weui-cell__bd"
														:style="'color:' + (color_one ? color_one : '#C8AF82') + ';'">
														{{ select }}</view>
												</label>
											</radio-group>
										</view>
									</view>

									<view class="apply_row apply_images_row" v-else-if="item.name == 'form_checkbox'">
										<text class="apply_check" style="margin-top: 10px"
											v-if="item.require == 1">*</text>
										<view class="apply_name fl" :style="'color:' + color_one + ';'">{{ item.value }}
										</view>
										<view class="apply_value apply_cover_value">
											<checkbox-group @change="checkboxChange1">
												<label style="padding: 5px 10px" class="weui-cell weui-check__label"
													v-for="(select, index1) in item.placeholder" :key="select.idx">
													<view class="weui-cell__hd">
														<checkbox :value="select" :checked="form_checkbox.checked" />
													</view>

													<view class="weui-cell__bd"
														:style="'color:' + (color_one ? color_one : '#C8AF82') + ';'">
														{{ select }}</view>
												</label>
											</checkbox-group>
										</view>
									</view>

									<!-- 音频 -->

									<view class="apply_row apply_images_row" v-else-if="item.name == 'music'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name image">
											<view class="apply_images_text" :style="'color:' + color_one + ';'">
												{{ item.value }}</view>
											<view class="apply_images_tips" :style="'color:' + color_one + ';'">
												{{ item.placeholder }}</view>
										</view>
										<view class="apply_value apply_cover_value">
											<audio class="apply_cover fl m_r"
												v-if="!(apply_param_music_url == '' ? true : false)"
												:src="apply_param_music_url" name="选手音频" controls loop></audio>
											<cover-image @tap="applyRemoveMusic" class="remove_img active"
												v-if="!(apply_param_music_url == '' ? true : false)"
												src="/static/wxz_wzbagent/resource/images/shanchu.png"></cover-image>
											<view @tap="applyUploadMusic" class="apply_add apply_cover_add"
												v-if="!(apply_param_music_url == '' ? false : true)">
												<text class="iconfont icon-jiahao1"></text>
												<view class="apply_add_txt">添加音频</view>
											</view>
										</view>
									</view>

									<!-- 文档 -->

									<view class="apply_row apply_images_row" v-else-if="item.name == 'document_1'">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name image">
											<view class="apply_images_text" :style="'color:' + color_one + ';'">
												{{ item.value }}</view>
											<view class="apply_images_tips" :style="'color:' + color_one + ';'">
												{{ item.placeholder }}</view>
										</view>
										<view class="apply_value apply_cover_value">
											<view @tap="applyUploadDocument" class="apply_add apply_cover_add"
												v-if="!document_1_url">
												<text class="iconfont icon-jiahao1"></text>
												<view class="apply_add_txt">上传文件</view>
											</view>
											<view @tap="applyUploadMusic" class="apply_add apply_cover_add" v-else>
												{{ document_1_url }}
											</view>
										</view>
									</view>

									<view class="apply_row"
										v-else-if="item.name == 'introduce' || item.name == 'content' || item.name == 'prize' || item.name == 'declaration' || item.name == 'past'"
										style="height: 120rpx">
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_value fl" style="height: 100%; width: 100%">
											<textarea @blur="bindApplyInput" :name="item.name" :data-name="item.name"
												:data-required="item.require == 1" maxlength="4000"
												:placeholder="item.placeholder"
												:placeholder-style="'color:' + color_one + ';'" value=""
												:style="'color:' + color_one + ';'"
												v-if="color_status == '1'"></textarea>
											<textarea @blur="bindApplyInput" :name="item.name" :data-name="item.name"
												:data-required="item.require == 1" maxlength="4000"
												:placeholder="item.placeholder" value=""
												:style="'color:' + color_one + ';'" v-else></textarea>
										</view>
									</view>

									<view class="signUpInfo" v-else-if="item.name == 'des'">
										<view class="siguTitle" :style="'margin-bottom: 20rpx;color:' + color_one">
											{{ item.value }}</view>

										<view class="signUploadTips" style="font-size: 15px">
											<!-- <template is="wxParse" :data="wxParseData:enroll_content.nodes"></template> -->
											<mp-html :content="article_enroll_content"></mp-html>
										</view>
									</view>

									<view class="apply_row" v-else-if="item.name == 'agreement'"
										style="background-color: #fff">
										<checkbox-group @change="checkboxChange">
											<checkbox name="box_check" value="1" @change="" class=""></checkbox>
											<text class="text-blue"
												:style="'color:' + (color_one ? color_one : '#C8AF82') + ';font-size: 15px;'">我已阅读并同意</text>
											<text class="text-blue"
												:style="'font-size: 15px;font-weight:700;color:' + (color_one ? color_one : '#C8AF82')"
												@tap="showAgreementFun" data-show="1">
												《{{ item.value }}》
											</text>

											<view v-if="showAgreement == 1" style="
                                                    z-index: 9999;
                                                    font-size: 15px;
                                                    width: 100%;
                                                    height: 100%;
                                                    padding: 10px 0% 50px;
                                                    position: fixed;
                                                    top: 0;
                                                    left: 0;
                                                    background: #fff;
                                                    overflow-y: auto;
                                                ">
												<view class="signUploadTips">
													<!-- <template is="wxParse" :data="wxParseData:agreement_content.nodes"></template> -->
													<mp-html :content="article_agreement_content"></mp-html>
													<view style="height: 100px"></view>
												</view>
												<view @tap="showAgreementFun" data-show="0" class="apply_submit_btn"
													:style="
                                                        'color:' +
                                                        (color_three ? color_three : '#fff !important') +
                                                        ';background-color:' +
                                                        color_one +
                                                        ';position: fixed; bottom: 5%;left:50%;margin-left:-291.5rpx;'
                                                    ">
													关闭
												</view>
											</view>
										</checkbox-group>
									</view>

									<view class="apply_row b_all" v-else>
										<text class="apply_check" v-if="item.require == 1">*</text>
										<view class="apply_name fl" :style="'color:' + color_one + ';'">{{ item.value }}
										</view>
										<view class="apply_value fl">
											<input @blur="bindApplyInput" :name="item.name" :data-name="item.name"
												:data-required="item.require == 1" :placeholder="item.placeholder"
												:placeholder-style="'color:' + color_one + ';'" type="text" value=""
												v-if="color_status == '1'" :style="'color:' + color_one + ';'" />
											<input @blur="bindApplyInput" :name="item.name" :data-name="item.name"
												:data-required="item.require == 1" :placeholder="item.placeholder"
												placeholder-class="phcolor" type="text" value="" v-else />
										</view>
									</view>
								</block>

								<view class="apply_btn_wrap">
									<view @tap="applySubmit" class="apply_submit_btn" v-if="live.is_pay_bao == 1"
										:style="'color:' + color_three + ';background-color:' + color_one + ';'">
										{{ live.bao_submit_text ? live.bao_submit_text : '提交报名' }}
									</view>
									<view @tap="applySubmit" class="apply_submit_btn" v-if="live.is_pay_bao == 0"
										:style="'color:' + color_three + ';background-color:' + color_one + ';'">
										{{ live.bao_submit_text ? live.bao_submit_text : '提交报名' }}
									</view>
								</view>
							</view>
							<view class="apply_success w_100 t_gray6 h2 t_c"
								v-else-if="enroll_status == 1 && tab != 32321 && tab != 32322 && tab != 32323 && tab != 40712">
								<text class="iconfont icon-baomingchenggong" :style="'color:' + color_one + ';'"></text>
								<view class="apply_status_txt1" :style="'color:' + color_one + ';'">报名成功</view>
								<!-- <view class="apply_status_txt2" style="color:{{themeColor.vs.status.txt2}};">{{fileds.audit_success_content}}</view> -->
							</view>
							<view class="apply_success w_100 t_gray6 h2 t_c"
								v-else-if="enroll_status == 1 && tab == 32321">
								<image :src="enroll_sort" mode="widthFix" @tap="photoLivePreview"
									:data-url="enroll_sort" :show-menu-by-longpress="true"
									style="width: 100%; margin: 0"></image>
							</view>
							<view class="apply_success w_100 t_gray6 h2 t_c"
								v-else-if="enroll_status == 1 && tab == 32322">
								<image
									src="https://tovqb.top/addons/wxz_wzbagent/attachment/images/xcx_personal_bg/screenBaby/dark_blue_gz.jpg"
									mode="widthFix" @tap="photoLivePreview" :data-url="enroll_sort"
									:show-menu-by-longpress="true" style="width: 100%; margin: 0"></image>
							</view>
							<view class="apply_success w_100 t_gray6 h2 t_c"
								v-else-if="enroll_status == 1 && tab == 32323">
								<image
									src="https://tovqb.top/addons/wxz_wzbagent/attachment/images/xcx_personal_bg/screenBaby/dark_blue_mt.jpg"
									mode="widthFix" @tap="photoLivePreview" :data-url="enroll_sort"
									:show-menu-by-longpress="true" style="width: 100%; margin: 0"></image>
							</view>
							<view class="apply_success w_100 t_gray6 h2 t_c"
								v-else-if="enroll_status == 1 && tab == 40712">
								<image src="https://tovqb.top/attachment/images/banner/baoming_40712.png"
									mode="widthFix" @tap="photoLivePreview"
									data-url="https://tovqb.top/attachment/images/banner/baoming_40712.png"
									:show-menu-by-longpress="true" style="width: 100%; margin: 20px 0"></image>
							</view>
						</block>
					</view>
				</block>
				<block v-else-if="tabtype == 'xx_fen'">
					<view :class="'page-enroll ' + themes">
						<!-- parse <template is="xx_fen" :data="live,isShowXxGroups,XxGroups,XxName,XxGroupRes,XxStatus,XxData,wxParseData,tab_id,WxParseListArr,is_xxfen_des,color_status,color_one,color_two,color_three"></template> -->
						<block name="xx_fen">
							<view class="apply_container" v-if="XxStatus == 0"
								:style="'min-height:' + XxGroupRes.length * 105 + 'rpx;background:' + color_two + ';'">
								<view class="apply_row b_all">
									<text class="apply_check">*</text>
									<view class="apply_name fl" :style="'color:' + color_one + ';'">姓名</view>
									<view class="apply_value fl">
										<input @blur="bindXxNameInput" name="name" data-name="name"
											:data-required="true" placeholder="请输入姓名" v-if="color_status == '1'"
											:placeholder-style="'color:' + color_one + ';'" type="text"
											:value="onlineLicenseName" />
										<input @blur="bindXxNameInput" name="name" data-name="name"
											:data-required="true" placeholder="请输入姓名" v-else placeholder-class="phcolor"
											type="text" :value="onlineLicenseName" />
									</view>
								</view>
								<view class="apply_row b_all"
									v-if="live.id == 4106 || live.id == 4102 || live.id == 4103 || live.id == 4104 || live.id == 4107">
									<text class="apply_check">*</text>
									<view class="apply_name fl" :style="'color:' + color_one + ';'">手机号</view>
									<view class="apply_value fl">
										<input @blur="bindXxMobileInput" name="mobile" data-name="mobile"
											:data-required="true" placeholder="请输入手机号" v-if="color_status == '1'"
											:placeholder-style="'color:' + color_one + ';'" type="number" value="" />
										<input @blur="bindXxMobileInput" name="mobile" data-name="mobile"
											:data-required="true" placeholder="请输入手机号" v-else
											placeholder-class="phcolor" type="number" value="" />
									</view>
								</view>
								<view class="apply_row b_all"
									v-if="live.id == 4439 || live.id == 4628 || live.id == 6227 || live.id == 5643">
									<text class="apply_check">*</text>
									<view class="apply_name fl" :style="'color:' + color_one + ';'">参赛证号</view>
									<view class="apply_value fl">
										<input @blur="bindXxMobileInput" name="mobile" data-name="mobile"
											:data-required="true" placeholder="请输入参赛编号" v-if="color_status == '1'"
											:placeholder-style="'color:' + color_one + ';'" type="text" value="" />
										<input @blur="bindXxMobileInput" name="mobile" data-name="mobile"
											:data-required="true" placeholder="请输入参赛编号" v-else
											placeholder-class="phcolor" type="text" value="" />
									</view>
								</view>
								<view class="apply_row b_all"
									v-if="live.id == 6905 || live.id == 5769 || live.id == 7002">
									<text class="apply_check">*</text>
									<view class="apply_name fl" :style="'color:' + color_one + ';'">身份证号</view>
									<view class="apply_value fl">
										<input @blur="bindXxGroupsInput" name="mobile" data-name="mobile"
											:data-required="true" placeholder="请输入身份证号" v-if="color_status == '1'"
											:placeholder-style="'color:' + color_one + ';'" type="text"
											:value="XxGroups" />
										<input @blur="bindXxGroupsInput" name="mobile" data-name="mobile"
											:data-required="true" placeholder="请输入身份证号" v-else
											placeholder-class="phcolor" type="text" :value="XxGroups" />
									</view>
								</view>
								<view class="apply_row b_all"
									v-if="live.id != 7747 && live.id != 7748 && live.id != 6227 && live.id != 7259 && live.id != 7260">
									<text class="apply_check">*</text>
									<view class="apply_name fl" :style="'color:' + color_one + ';'">
										{{ live.id == 5110 ? '参赛项目' : '组别' }}</view>
									<view class="select-current" @tap.stop.prevent="openCloseXxGroups">
										<text class="current-name"
											:style="'color:' + color_one + ';'">{{ XxGroups ? XxGroups : '请选择' }}</text>
									</view>
									<view class="option-list" v-if="isShowXxGroups">
										<text class="option" @tap.stop.prevent="optionTapXxGroups" :data-id="idx"
											:data-name="select" :style="'color:' + color_one + ';'"
											v-for="(select, index) in XxGroupRes" :key="select.idx">
											{{ select }}
										</text>
									</view>
								</view>
								<view class="apply_btn_wrap">
									<view @tap="XxSubmit" class="apply_submit_btn"
										:style="'background-color:' + color_one + ';'">立即查询</view>
								</view>

								<view :class="'page-dec ' + themes" v-if="is_xxfen_des"
									:style="'color:' + color_one + ';'">
									<!-- <template is="wxParse" :data="wxParseData:WxParseListArr[tab_id]"></template> -->
									<mp-html :content="WxParseListArr[tab_id]"></mp-html>
								</view>
							</view>
							<view class="info_div" v-if="XxStatus == 1">
								<view class="info" v-if="XxData[0].name">
									<view class="heng_div">
										<view class="left top">
											<view class="topheng"></view>
											查询结果
										</view>
										<view class="right top"></view>
									</view>
									<view class="heng_div" v-if="XxData[0].name">
										<view class="left">姓名:</view>
										<view class="right" style="">{{ XxData[0].name }}</view>
									</view>
									<block v-for="(item, index) in XxData" :key="index">
										<view class="heng_div" v-if="item.groups">
											<view class="left">{{ live.id == 5769 || live.id == 7002 ? '身份证号' : '组别' }}:
											</view>
											<view class="right" style="">{{ item.groups }}</view>
										</view>

										<view class="heng_div" v-if="item.number">
											<view class="left">参赛编号:</view>
											<view class="right" style="">{{ item.number }}</view>
										</view>

										<view class="heng_div" v-if="item.rank">
											<view class="left">排名:</view>
											<view class="right" style="">{{ item.rank }}</view>
										</view>

										<view class="heng_div" v-if="item.fen">
											<view class="left">分数:</view>
											<view class="right" style="">{{ item.fen }}</view>
										</view>

										<view class="heng_div" v-if="item.win">
											<view class="left">奖项:</view>
											<view class="right" style="">{{ item.win }}</view>
										</view>

										<view class="heng_div" v-if="item.time">
											<view class="left">{{ live.id == 5769 || live.id == 7002 ? '组别' : '参赛时间' }}:
											</view>
											<view class="right" style="">{{ item.time }}</view>
										</view>

										<view class="heng_div"
											v-if="item.beizhu && (live.id == 4106 || live.id == 4102 || live.id == 4103 || live.id == 4104 || live.id == 4107)">
											<view class="left">手机号:</view>
											<view class="right" style="">{{ item.beizhu }}</view>
										</view>

										<view class="bottom_div"
											v-if="item.beizhu && (live.id != 4106 || live.id != 4102 || live.id != 4103 || live.id != 4104 || live.id != 4107)">
											<view class="heng_div" style="border-bottom: 0">
												<view class="left">备注:</view>
											</view>
											<view class="beizhu" style="">{{ item.beizhu }}</view>
											<view style="width: 100%; height: 20rpx"></view>
										</view>
									</block>
								</view>
								<view class="info" v-else>
									<view class="heng_div">
										<view class="left top">
											<view class="topheng"></view>
											查询结果
										</view>
										<view class="right top"></view>
									</view>
									<view class="heng_div" v-if="XxData.name">
										<view class="left">姓名:</view>
										<view class="right" style="">{{ XxData.name }}</view>
									</view>
									<view class="heng_div" v-if="XxData.groups">
										<view class="left">组别:</view>
										<view class="right" style="">{{ XxData.groups }}</view>
									</view>
									<view class="heng_div" v-if="XxData.number">
										<view class="left">参赛编号:</view>
										<view class="right" style="">{{ XxData.number }}</view>
									</view>
									<view class="heng_div" v-if="XxData.rank">
										<view class="left">排名:</view>
										<view class="right" style="">{{ XxData.rank }}</view>
									</view>
									<view class="heng_div" v-if="XxData.fen">
										<view class="left">分数:</view>
										<view class="right" style="">{{ XxData.fen }}</view>
									</view>
									<view class="heng_div" v-if="XxData.win">
										<view class="left">奖项:</view>
										<view class="right" style="">{{ XxData.win }}</view>
									</view>
									<view class="heng_div" v-if="XxData.time">
										<view class="left">参赛时间:</view>
										<view class="right" style="">{{ XxData.time }}</view>
									</view>
									<view class="heng_div" v-if="XxData.beizhu && (live.id == 6227 || live.id == 5643)">
										<view class="left">参赛证号:</view>
										<view class="right" style="">{{ XxData.beizhu }}</view>
									</view>
									<view class="heng_div"
										v-if="XxData.beizhu && (live.id == 4106 || live.id == 4102 || live.id == 4103 || live.id == 4104 || live.id == 4107)">
										<view class="left">手机号:</view>
										<view class="right" style="">{{ XxData.beizhu }}</view>
									</view>
									<view class="bottom_div" v-if="XxData.beizhu && live.id != 6227 && live.id != 5643">
										<view class="heng_div" style="border-bottom: 0">
											<view class="left">备注:</view>
										</view>
										<view class="beizhu" style="">{{ XxData.beizhu }}</view>
										<view style="width: 100%; height: 20rpx"></view>
									</view>
									<view class="bottom_div" style="text-align: center" v-if="live.id == 4106">
										<image mode="widthFix" style="width: 25%" @tap="photoLivePreview"
											data-url="https://tovqb.top/ueditor/temp/2021/12/live_4106_code.jpg"
											:show-menu-by-longpress="true"
											src="https://tovqb.top/ueditor/temp/2021/12/live_4106_code.jpg">
										</image>
									</view>
								</view>
							</view>
						</block>
					</view>
				</block>
				<block v-else-if="tabtype == 'online_license'">
					<view :class="'page-enroll ' + themes" style="min-height: 700rpx">
						<!-- parse <template is="online_license" :data="onlineLicenseGroups,onlineLicenseGroupIndex,onlineLicenseName,onlineLicenseGroupTemp,olStatus,olData,color_status,color_one,color_two,color_three,themes,tab_name,live,tab"></template> -->
						<block name="online_license">
							<view class="apply_container"
								:style="'min-height:auto;background:' + color_two + ';padding-bottom:0;'"
								v-if="!olData.entry_other_data.url">
								<view class="apply_row b_all">
									<text class="apply_check">*</text>
									<view class="apply_name fl" :style="'color:' + color_one + ';'">姓名</view>
									<view class="apply_value fl">
										<input @input="olNameChange" @blur="olNameChange" name="name" data-name="name"
											:data-required="true" placeholder="请输入姓名" v-if="color_status == '1'"
											:placeholder-style="'color:' + color_one + ';'" type="text" value="" />
										<input @input="olNameChange" @blur="olNameChange" name="name" data-name="name"
											:data-required="true" placeholder="请输入姓名" v-else placeholder-class="phcolor"
											type="text" value="" />
									</view>
								</view>
								<view class="apply_row b_all" v-if="
                                        live.id != 5687 &&
                                        live.id != 5821 &&
                                        live.id != 5643 &&
                                        live.id != 5769 &&
                                        live.id != 7002 &&
                                        live.id != 7213 &&
                                        live.id != 6922 &&
                                        live.id != 5787 &&
                                        live.id != 7688 &&
                                        live.id != 7689 &&
                                        live.id != 7690 &&
                                        live.id != 7776 &&
                                        live.id != 7777 &&
                                        live.id != 7778 &&
                                        live.id != 5623 &&
                                        live.id != 7610 &&
                                        live.id != 7611 &&
                                        live.id != 7612 &&
                                        live.id != 7782 &&
                                        live.id != 7783 &&
                                        live.id != 7784 &&
                                        live.id != 7901 &&
                                        live.id != 7902 &&
                                        live.id != 7792 &&
                                        live.id != 8004 &&
                                        live.id != 8005 &&
                                        live.id != 8043 &&
                                        live.id != 8071 &&
                                        live.id != 6256 &&
                                        live.id != 8147 &&
                                        live.id != 8150 &&
                                        live.id != 8151 &&
                                        live.id != 8152 &&
                                        live.id != 8154 &&
                                        live.id != 8155 &&
                                        live.id != 8091 &&
                                        live.id != 8126 &&
                                        live.id != 8210 &&
                                        live.id != 8209 &&
                                        live.id != 7446 &&
                                        live.id != 8159 &&
                                        live.id != 7047 &&
                                        live.wxapp_id != 400
                                    ">
									<text class="apply_check">*</text>
									<view class="apply_name fl" :style="'color:' + color_one + ';'">
										{{ live.id == '6702' ? '证件类型' : '组别' }}</view>
									<view class="select-current" @tap.stop.prevent="openCloseXxGroups">
										<picker @change="olGroupChange" :value="onlineLicenseNameGroupIndex"
											:range="onlineLicenseGroups" :data-range="onlineLicenseGroups">
											<view class="picker" :style="'color:' + color_one + ';'">
												<text class="current-name" :style="'color:' + color_one + ';'">
													{{ onlineLicenseGroupTemp ? onlineLicenseGroupTemp : '请选择' }}
												</text>
											</view>
										</picker>
									</view>
								</view>
								<view class="apply_row b_all" v-if="
                                        live.id == 5821 ||
                                        live.id == 5623 ||
                                        live.id == 8004 ||
                                        live.id == 8005 ||
                                        live.id == 8071 ||
                                        live.id == 8147 ||
                                        live.id == 8150 ||
                                        live.id == 8151 ||
                                        live.id == 8152 ||
                                        live.id == 8154 ||
                                        live.id == 8155
                                    ">
									<text class="apply_check">*</text>
									<view class="apply_name fl" :style="'color:' + color_one + ';'">手机号</view>
									<view class="apply_value fl">
										<input @blur="olAgeChange" @input="olAgeChange" name="name" data-name="age"
											:data-required="true" placeholder="请输入手机号" v-if="color_status == '1'"
											:placeholder-style="'color:' + color_one + ';'" type="text" value="" />
										<input @blur="olAgeChange" @input="olAgeChange" name="name" data-name="age"
											:data-required="true" placeholder="请输入手机号" v-else
											placeholder-class="phcolor" type="text" value="" />
									</view>
								</view>
								<view class="apply_row b_all" v-if="
                                        live.id == 5769 ||
                                        live.id == 7610 ||
                                        live.id == 7611 ||
                                        live.id == 7612 ||
                                        live.id == 7782 ||
                                        live.id == 7783 ||
                                        live.id == 7784 ||
                                        live.id == 8091
                                    ">
									<text class="apply_check">*</text>
									<view class="apply_name fl" :style="'color:' + color_one + ';'">身份证号</view>
									<view class="apply_value fl">
										<input @blur="olAgeChange" @input="olAgeChange" name="name" data-name="age"
											:data-required="true" placeholder="请输入身份证号" v-if="color_status == '1'"
											:placeholder-style="'color:' + color_one + ';'" type="text" value="" />
										<input @blur="olAgeChange" @input="olAgeChange" name="name" data-name="age"
											:data-required="true" placeholder="请输入身份证号" v-else
											placeholder-class="phcolor" type="text" value="" />
									</view>
								</view>
								<view class="apply_row b_all" v-if="
                                        live.id == 7688 ||
                                        live.id == 7689 ||
                                        live.id == 7690 ||
                                        live.id == 7776 ||
                                        live.id == 7777 ||
                                        live.id == 7778 ||
                                        live.id == 7901 ||
                                        live.id == 7902 ||
                                        live.id == 7792 ||
                                        live.id == 8043 ||
                                        live.id == 6256 ||
                                        live.id == 8210 ||
                                        live.id == 8209 ||
                                        live.wxapp_id == 400
                                    ">
									<text class="apply_check">*</text>
									<view class="apply_name fl" :style="'color:' + color_one + ';'">参赛编号</view>
									<view class="apply_value fl">
										<input @blur="olAgeChange" @input="olAgeChange" name="name" data-name="age"
											:data-required="true" placeholder="请输入参赛编号" v-if="color_status == '1'"
											:placeholder-style="'color:' + color_one + ';'" type="text" value="" />
										<input @blur="olAgeChange" @input="olAgeChange" name="name" data-name="age"
											:data-required="true" placeholder="请输入参赛编号" v-else
											placeholder-class="phcolor" type="text" value="" />
									</view>
								</view>
								<view class="apply_btn_wrap" style="text-align: center" v-if="live.id == 5936">
									查询时间：7月1日-7月3日</view>
								<view class="apply_btn_wrap">
									<view @tap="onlineLicenseSubmit" class="apply_submit_btn"
										:style="'color:' + color_three + ';background-color:' + color_one + ';'">
										立即查询
									</view>
								</view>

								<view :class="'page-dec ' + themes" v-if="is_xxfen_des"
									:style="'color:' + color_one + ';'">
									<!-- <template is="wxParse" :data="wxParseData:WxParseListArr[tab_id]"></template> -->
									<mp-html :content="WxParseListArr[tab_id]"></mp-html>
								</view>
							</view>

							<view :class="'online-license-view ' + themes" v-if="olStatus == 1">
								<view v-if="olData.entry_other_data.url">
									<image :src="olData.entry_other_data.url" @tap="photoLivePreview"
										:show-menu-by-longpress="true" :data-url="olData.entry_other_data.url"
										style="width: 100%" mode="widthFix"></image>
								</view>
								<view class="table" style="color1: #000" v-else>
									<view class="tr">
										<view class="td td-title" style="font-weight: 900; font-size: 15px">
											{{ tab_name ? tab_name : '查询结果' }}</view>
									</view>
									<view class="tr" v-if="olData.name">
										<view class="td td-30">姓名</view>
										<view class="td td-70">{{ olData.name }}</view>
									</view>
									<view class="tr" v-if="olData.groups">
										<view class="td td-30">{{ live.id == '6702' ? '证件类型' : '组别' }}</view>
										<view class="td td-70">{{ olData.groups }}</view>
									</view>
									<view class="tr" v-if="olData.entry_num">
										<view class="td td-30">
											{{
                                                olData.live_id == 7610 ||
                                                olData.live_id == 7611 ||
                                                olData.live_id == 7612 ||
                                                olData.live_id == 7782 ||
                                                olData.live_id == 7783 ||
                                                olData.live_id == 7784
                                                    ? '点到号'
                                                    : '参赛号码'
                                            }}
										</view>
										<view class="td td-70">{{ olData.entry_num }}</view>
									</view>
									<view class="tr" v-if="olData.entry_date">
										<view class="td td-30">
											{{
                                                olData.live_id == 7610 ||
                                                olData.live_id == 7611 ||
                                                olData.live_id == 7612 ||
                                                olData.live_id == 7782 ||
                                                olData.live_id == 7783 ||
                                                olData.live_id == 7784
                                                    ? '身份证号'
                                                    : '参赛日期'
                                            }}
										</view>
										<view class="td td-70">{{ olData.entry_date }}</view>
									</view>
									<view class="tr" v-if="olData.entry_time">
										<view class="td td-30">
											{{ olData.live_id == 7225 || olData.live_id == 7218 ? '展演时间' : '参赛时间' }}
										</view>
										<view class="td td-70">{{ olData.entry_time }}</view>
									</view>
									<view class="tr" v-if="olData.entry_address">
										<view class="td td-30">
											{{ olData.live_id == 7225 || olData.live_id == 7218 ? '展示区' : '参赛场地' }}
										</view>
										<view class="td td-70" v-if="olData.live">
											<navigator
												:url="'/wxz_wzbagent/pages/movie/movie?rid=' + olData.live.rid + '&id=' + olData.live.id"
												style="color: #f00">
												{{ olData.entry_address }} >>>点击前往
											</navigator>
										</view>
										<view class="td td-70" v-else>{{ olData.entry_address }}</view>
									</view>
									<block v-for="(item, index) in olData.entry_other_data.title" :key="index">
										<view class="tr" v-if="item">
											<view class="td td-30">{{ item }}</view>
											<view class="td td-70">{{ olData.entry_other_data.value[index] }}</view>
										</view>
									</block>
								</view>
							</view>
						</block>
					</view>
				</block>
				<block v-else>
					<view id="content" v-if="tab == 0">
						<!-- <template is="wxParse" :data="wxParseData:content.nodes"/> -->
						<mp-html :content="article_content"></mp-html>
					</view>
					<view id="content" :style="tmp_color ? 'background: ' + tmp_color + ';' : ''" v-if="tab != 0">
						<view class="live_all" style="display: block">
							<view v-for="(item,index) in twoCate" :key="index">
								<a :href="item1.h5_url"
									style="color: #000000" v-for="(item1, index1) in twoCate[index].livelist"
									:key="index1">
									<!-- <a v-for="(item1, index1) in twoCate[index].livelist"
								:key="index1"
								:href="'http://rkkkkkkkkkll.h5live.xuejing.pro/app/wxapp.php?m=wxz_wzbagent&do=wechat&c=entry&a=wxapp&r=h5login&token=' + item1.token"  style="display:inline-block;color: #000000;text-decoration:none;width: 94%;padding: 0 3%" 
								>   -->
								
									<li :style="
								        'width:' +
								        (twoCate[index].livelist.length == 1 ? 48 : 48) +
								        '%;list-style-type:none;float:left;margin:5px 1%;' +
								        (tmp_color ? 'background: ' + tmp_color + ';' : 'background:#fff;')
								    ">
										<image :src="item1.live_cover"
											:style="'width: 100%;height: ' + (twoCate[index].livelist.length == 1 ? 100 : 100) + 'px;float: left;'">
										</image>
										<view class="item_title"
											:style="(tmp_color ? 'background: ' + tmp_color + ';' : 'background:#fff;') + (font_color ? 'color:' + font_color + ';' : 'color:#000')">
											{{ item1.title }}
										</view>
										<p style="font-size: 80%; float: left; margin-top: 10px; width: 100%"
											v-if="!tmp_color"></p>
										<view
											style="margin-left: 10rpx; float: left; color: #868686; font-size: 22rpx; height: 44rpx"
											v-if="!tmp_color">
											<view style="width: 44rpx; height: 44rpx; float: left">
												<image src="/static/wxz_wzbagent/resource/images/eye.png"
													style="width: 30rpx; height: 30rpx; padding-top: 7rpx"></image>
											</view>
											<text style="line-height: 44rpx">{{ item1.total_num }}</text>
										</view>
										<view
											style="margin-right: 10rpx; float: right; color: #868686; font-size: 22rpx; height: 44rpx"
											v-if="!tmp_color">
											<view style="width: 44rpx; height: 44rpx; float: left">
												<image src="/static/wxz_wzbagent/resource/images/time.png"
													style="width: 30rpx; height: 30rpx; padding-top: 7rpx"></image>
											</view>
											<text style="line-height: 44rpx">{{ item1.start_at }}</text>
										</view>
									</li>
								</a>
							</view>
						</view>
						<view style="clear: both"></view>
						<!-- <import src="../../resource/wxParse/wxParse.wxml"></import>
      <template is="wxParse" data="{{wxParseData:content.nodes}}"/> -->
					</view>
				</block>
			</view>
			<view :class="'footer ' + themes"
				:style="(tmp_color ? 'background: ' + tmp_color + ';' : 'background:#fff;') + (font_color ? 'color:' + font_color + ';' : 'color:#000;')">
				{{ zhuan.copyright_text ? zhuan.copyright_text : ' ' }}
			</view>
		</view>
	</view>
</template>

<script>
	var t = require('../../resource/js/chat/webim.js');
	var e = require('../../resource/js/chat/webim_handler.js');
	var a = require('../../resource/js/chat/tls.js');

	var app = getApp();
	import popupwindow from '@/component/popupwindow/popupwindow.vue';
	import regionPicker from '@/components/region-picker/region-picker.vue';
	export default {
		components: {
			popupwindow,
			regionPicker
		},
		data() {
			return {
				id: 0,

				zhuan: {
					is_rank: '',
					special_id: '',
					wxapp_id: '',
					last_qrcode_img: '',
					kp_img: '',
					video: '',
					num_show: 0,
					viewer_count: '',
					show_title: '',
					special_img: '',
					special_name: '',
					special_des: '',
					show_search: '',
					content_name: '',
					copyright_text: false
				},

				tmp_color: '',
				font_color: '',
				lunbo: {},
				twoCate: {},
				xiang_status: 1,
				tab: 0,
				index: 0,

				// search_status: 0,
				search: '',

				kp_time: 0,

				//开屏显示状态
				need_jump: 0,

				winWid: '',
				winHei: '',
				wxapp_id: '',
				showAllCate: 0,
				XxName: '',
				XxGroups: '',
				XxStatus: 0,

				XxData: {
					name: '',
					groups: '',
					number: '',
					rank: '',
					fen: '',
					win: '',
					time: '',
					beizhu: ''
				},

				onlineLicenseGroups: '',
				tab_name: '',
				tabtype: '',
				olData: [],
				onlineLicenseGroupTemp: '',
				olStatus: '',
				onlineLicenseName: '',
				XxMobile: '',
				onlineLicenseGroupIndex: '',
				onlineLicenseAge: '',
				themes: '',
				color_two: '',
				enroll_status: 0,

				live: {
					enroll_height: 0,
					is_pay_bao: 0,
					bao_submit_text: false,
					id: 0,
					wxapp_id: 0
				},

				enroll_fields: [],
				color_one: '',
				apply_param_images: [],
				apply_param_images_other: [],
				apply_param_images_other2: [],
				apply_param_video_url: '',

				themeColor: {
					vs: {
						iamge: {
							add_icon: ''
						}
					}
				},

				apply_param_video_other_url: '',
				apply_param_video_other2_url: '',
				apply_param_bao_group: false,
				isShow: false,
				bao_group: [],
				multiIndex: 0,
				groupIndex: 0,
				apply_param_groups: false,
				apply_param_region: '',
				customItem: '',

				select: {
					idx: ''
				},

				form_radio: {
					checked: ''
				},

				pay: {
					checked: ''
				},

				form_checkbox: {
					checked: ''
				},

				apply_param_music_url: '',
				document_1_url: '',
				color_status: '',
				article_enroll_content: '',
				showAgreement: 0,
				article_agreement_content: '',
				color_three: false,
				enroll_sort: '',
				XxGroupRes: [],
				isShowXxGroups: [],
				is_xxfen_des: [],
				name: '',
				url: '',
				onlineLicenseNameGroupIndex: 0,
				rid: '',
				title: [],
				value: '',
				article_content: '',
				livelist: []
			};
		}
		/**
		 * 生命周期函数--监听页面加载
		 */
		,
		onLoad: function(options) {
			this.getSpecialShareData(options.id);
			var that = this;
			that.setData({
				winWid: uni.getSystemInfoSync().windowWidth,
				//获取当前屏幕的宽度
				winHei: uni.getSystemInfoSync().windowHeight,
				//获取当前屏幕的高度
				wxapp_id: getApp().globalData.siteInfo.wxapp_id
			});
			const scene = decodeURIComponent(options.scene);
			if (scene !== 'undefined') {
				scene.split('&').forEach((item) => {
					const key = item.split('=')[0];
				});
			} else {
				that.setData({
					id: options.id
				});
			}
			that.get_zhuan(0, 1);
		},
		//上拉刷新
		onPullDownRefresh() {
			var that = this;
			that.setData({
				xiang_status: 1,
				tab: 0,
				index: 0,
				// search_status: 0,
				search: ''
			});
			that.get_zhuan();

			// 处理完成后，终止下拉刷新
			uni.stopPullDownRefresh();
		},
		/**
		 * 生命周期函数--监听页面初次渲染完成
		 */
		onReady: function() {
			// window.location.reload()
		},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow: function() {
			uni.hideHomeButton();
		},
		// destroyed(){
		// 	window.location.reload()
		// },
		/**
		 * 生命周期函数--监听页面隐藏
		 */
		onHide: function() {},
		/**
		 * 生命周期函数--监听页面卸载
		 */
		onUnload: function() {},
		/**
		 * 页面上拉触底事件的处理函数
		 */
		onReachBottom: function() {},
		methods: {
			get_zhuan: function(search, kp) {
				var that = this;
				if (!that.id) {
					var id = uni.getStorageSync('special_id');
					that.setData({
						id: id
					});
				} else {
					uni.setStorage({
						key: 'special_id',
						data: that.id
					});
					uni.setStorage({
						key: 'page',
						data: 'zhuan_index'
					});
				}
				if (search) {
					var data = {
						id: that.id,
						search: search,
						cid: that.tab
					};
				} else {
					var data = {
						id: that.id,
						cid: that.tab
					};
				}
				app.globalData.util.request({
					url: 'lives_new&r=get_zhuan',
					data: data,
					cachetime: '1',
					showLoading: true,
					success: function(t) {
						var a = t.data.data;
						console.log(a, "zhuan");
						if (a.zhuan.tmp_color) {
							that.setData({
								tmp_color: 'rgb(' + a.zhuan.tmp_color + ')'
							});
						}
						if (a.zhuan.font_color) {
							that.setData({
								font_color: 'rgb(' + a.zhuan.font_color + ')'
							});
						}
						that.setData({
							zhuan: a.zhuan,
							lunbo: a.lunbo,
							twoCate: a.twoCate,
							tab: a.cid
						});
						if (!a.zhuan.content_name) {
							that.setData({
								tab: a.twoCate[0].special_id
							});
						}
						// // 格式化详情的h5
						// var nav = a.nav;
						// for (let index = 0; index < nav.length; index++) {
						//     i.wxParse('intro' + index, 'html', nav[index]['intro'], e);
						//     if (index === nav.length - 1) {
						//         i.wxParseTemArray("WxParseListArr",'intro', nav.length, e)
						//     }
						// }
						// //格式化选手页面规则详情
						//i.wxParse('content', 'html', a.zhuan.content, that, 5)
						that.article_content = that.escape2Html(a.zhuan.content);
						// //设置页面标题
						uni.setNavigationBarTitle({
							title: a.zhuan.special_name
						});
						//开屏
						if (a.zhuan.kp_status == 1 && kp == 1) {
							that.setData({
								kp_time: 3
							});
							that.kp_strat();
						}
						that.bg_mp3();
					}
				});
			},

			bg_mp3() {
				if (this.zhuan.live_mp3_status == 1) {
					// 获取BackgroundAudioManager 实例
					this.back = uni.getBackgroundAudioManager();
					// 对实例进行设置
					console.log(this.zhuan.live_mp3);
					this.back.src = this.zhuan.live_mp3;
					this.back.title = '背景音乐'; // 标题为必选项
					this.back.play(); // 开始播放
				}
			},

			// 开屏开始
			kp_strat: function() {
				var that = this;
				var kp_timer = setInterval(function() {
					var kp_time = that.kp_time;
					kp_time--;
					//倒计时结束
					if (kp_time < 1) {
						clearInterval(kp_timer);
						that.setData({
							kp_time: 0
						});
					} else {
						that.setData({
							kp_time: kp_time
						});
					}
				}, 1000);
			},

			// 跳过开屏
			tiaoguo: function() {
				var that = this;
				that.setData({
					kp_time: 0
				});
			},

			showAll: function() {
				if (this.showAllCate == 1) {
					this.setData({
						showAllCate: 0
					});
				} else {
					this.setData({
						showAllCate: 1
					});
				}
			},

			xiang_btn: function() {
				var that = this;
				that.setData({
					xiang_status: 0
				});
			},

			guan: function() {
				var that = this;
				that.setData({
					xiang_status: 1
				});
			},

			bindtab: function(t) {
				var e = t.currentTarget.dataset.id;
				var index = t.currentTarget.dataset.index;
				var h = t.currentTarget.dataset.type ? t.currentTarget.dataset.type : 'default';
				var nav = this.twoCate;
				if (h == 'xx_fen') {
					var XxGroupRes = nav[index]['XxGroupRes'];
					this.setData({
						XxName: '',
						XxGroups: '',
						XxStatus: 0,
						XxData: {}
					});
				} else {
					var XxGroupRes = '';
				}
				if (h == 'online_license') {
					this.setData({
						onlineLicenseGroups: nav[index]['OnlineLicenseGroups'],
						tab_name: nav[index]['special_name'],
						tabtype: '',
						olData: []
					});
				}
				this.setData({
					tab: e,
					tabtype: h,
					index: index,
					onlineLicenseGroupTemp: '',
					olStatus: '',
					onlineLicenseName: ''
				});
			},

			bindInput: function(t) {
				var that = this;
				var a = t.detail.value;
				that.setData({
					search: a
				});
			},

			//搜索
			searchFun: function() {
				var that = this;
				// if(that.data.search_status == 0){
				//   that.setData({
				//     search_status: 1,
				//   });
				// }else{
				//   that.setData({
				//     search_status: 0,
				//   });
				// }
				// if(that.data.search){
				that.get_zhuan(that.search, 0);
				// }
			},

			//小程序分享
			onShareAppMessage1: function() {
				return {
					title: this.zhuan.special_name,
					path: '/wxz_wzbagent/pages/zhuan/index?id=' + this.id
				};
			},

			onShareTimeline1: function() {
				return {
					title: this.zhuan.special_name,
					path: '/wxz_wzbagent/pages/zhuan/index?id=' + this.id
				};
			},

			//线下分数input框
			bindXxNameInput: function(t) {
				var that = this;
				var a = t.detail.value;
				that.setData({
					XxName: a
				});
			},

			bindXxMobileInput: function(t) {
				var that = this;
				var a = t.detail.value;
				that.setData({
					XxMobile: a
				});
			},

			bindXxGroupsInput: function(t) {
				var that = this;
				var a = t.detail.value;
				that.setData({
					XxGroups: a
				});
			},

			//线下分数查询提交
			XxSubmit: function() {
				var that = this;
				var XxName = that.XxName;
				var XxMobile = that.XxMobile;
				var XxGroups = that.XxGroups;
				if (!XxName) {
					uni.showToast({
						title: '请先填写姓名',
						icon: 'none',
						duration: 1500
					});
					return false;
				}
				if (!XxMobile && (that.live_id == 4106 || that.live_id == 4102 || that.live_id == 4103 || that
						.live_id == 4104 || that.live_id == 4107)) {
					uni.showToast({
						title: '请先填写手机号',
						icon: 'none',
						duration: 1500
					});
					return false;
				}
				if (
					!XxGroups &&
					that.live.id != 4381 &&
					that.live.id != 6316 &&
					that.live.id != 6857 &&
					that.live.id != 6857 &&
					that.live.id != 4380 &&
					that.live.id != 6227 &&
					that.live.id != 5643 &&
					that.live.id != 5769 &&
					that.live.id != 7002
				) {
					uni.showToast({
						title: '请先勾选组别',
						icon: 'none',
						duration: 1500
					});
					return false;
				}
				app.globalData.util.request({
					url: 'lives_new&r=XxFen',
					data: {
						nav_id: that.tab,
						live_id: that.live_id,
						XxName: XxName,
						XxMobile: XxMobile,
						XxGroups: XxGroups
					},
					cachetime: '0',
					showLoading: true,
					success: function(t) {
						if (t.data.data.s == 1) {
							console.log(t.data.data.XxData[0].name);
							that.setData({
								XxStatus: 1,
								XxData: t.data.data.XxData
							});
						} else {
							uni.showToast({
								title: t.data.data.msg,
								icon: 'none',
								duration: 1500
							});
						}
					}
				});
			},

			olGroupChange: function(e) {
				this.setData({
					onlineLicenseGroupIndex: e.detail.value,
					onlineLicenseGroupTemp: this.onlineLicenseGroups[e.detail.value]
				});
			},

			olNameChange: function(e) {
				this.setData({
					onlineLicenseName: e.detail.value
				});
			},

			olAgeChange: function(e) {
				this.setData({
					onlineLicenseAge: e.detail.value
				});
			},

			photoLivePreview: function(event) {
				console.log(event);
				let currentUrl = event.currentTarget.dataset.url;
				let urls = [currentUrl];
				uni.previewImage({
					current: currentUrl,
					urls: urls
				});
			},

			onlineLicenseSubmit: function() {
				var that = this;
				var onlineLicenseName = this.onlineLicenseName;
				var onlineLicenseGroup = this.onlineLicenseGroupTemp;
				var onlineLicenseAge = this.onlineLicenseAge;
				if (this.wxapp_id != 200) {
					if (!onlineLicenseName || (!onlineLicenseGroup && !onlineLicenseAge)) {
						uni.showToast({
							title: '请填写完整的查询信息',
							icon: 'none',
							duration: 1500
						});
						return false;
					}
				}
				app.globalData.util.request({
					url: 'lives_new&r=onlineLicenseSearch',
					data: {
						nav_id: that.tab,
						live_id: that.live_id,
						onlineLicenseName: onlineLicenseName,
						onlineLicenseGroup: onlineLicenseGroup,
						onlineLicenseAge: onlineLicenseAge
					},
					cachetime: '0',
					showLoading: true,
					success: function(t) {
						if (t.data.data.s == 1) {
							that.setData({
								olStatus: 1,
								olData: t.data.data.result
							});
						} else {
							uni.showToast({
								title: t.data.data.msg,
								icon: 'none',
								duration: 1500
							});
						}
					}
				});
			},

			jumpNew() {
				console.log('占位：函数 jumpNew 未声明');
			},

			applyRemoveImg() {
				console.log('占位：函数 applyRemoveImg 未声明');
			},

			applyUploadImg() {
				console.log('占位：函数 applyUploadImg 未声明');
			},

			applyRemoveImgOther() {
				console.log('占位：函数 applyRemoveImgOther 未声明');
			},

			applyUploadImgOther() {
				console.log('占位：函数 applyUploadImgOther 未声明');
			},

			applyRemoveImgOther2() {
				console.log('占位：函数 applyRemoveImgOther2 未声明');
			},

			applyUploadImgOther2() {
				console.log('占位：函数 applyUploadImgOther2 未声明');
			},

			applyRemoveVideo() {
				console.log('占位：函数 applyRemoveVideo 未声明');
			},

			applyUploadVideo() {
				console.log('占位：函数 applyUploadVideo 未声明');
			},

			applyRemoveVideoOther() {
				console.log('占位：函数 applyRemoveVideoOther 未声明');
			},

			applyUploadVideoOther() {
				console.log('占位：函数 applyUploadVideoOther 未声明');
			},

			applyRemoveVideoOther2() {
				console.log('占位：函数 applyRemoveVideoOther2 未声明');
			},

			applyUploadVideoOther2() {
				console.log('占位：函数 applyUploadVideoOther2 未声明');
			},

			openClose() {
				console.log('占位：函数 openClose 未声明');
			},

			optionTap() {
				console.log('占位：函数 optionTap 未声明');
			},

			openCloseGroups() {
				console.log('占位：函数 openCloseGroups 未声明');
			},

			bindMultiPickerChange() {
				console.log('占位：函数 bindMultiPickerChange 未声明');
			},

			bindMultiPickerColumnChange() {
				console.log('占位：函数 bindMultiPickerColumnChange 未声明');
			},

			bindPickerChange() {
				console.log('占位：函数 bindPickerChange 未声明');
			},

			commonChange() {
				console.log('占位：函数 commonChange 未声明');
			},

			checkboxChange1() {
				console.log('占位：函数 checkboxChange1 未声明');
			},

			applyRemoveMusic() {
				console.log('占位：函数 applyRemoveMusic 未声明');
			},

			applyUploadMusic() {
				console.log('占位：函数 applyUploadMusic 未声明');
			},

			applyUploadDocument() {
				console.log('占位：函数 applyUploadDocument 未声明');
			},

			bindApplyInput() {
				console.log('占位：函数 bindApplyInput 未声明');
			},

			checkboxChange() {
				console.log('占位：函数 checkboxChange 未声明');
			},

			showAgreementFun() {
				console.log('占位：函数 showAgreementFun 未声明');
			},

			applySubmit() {
				console.log('占位：函数 applySubmit 未声明');
			},

			openCloseXxGroups() {
				console.log('占位：函数 openCloseXxGroups 未声明');
			},

			optionTapXxGroups() {
				console.log('占位：函数 optionTapXxGroups 未声明');
			}
		}
	};
</script>
<style>
	@import './index.css';
</style>